<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8">
		<title>Jóvenes Hoy</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="" />
		<meta name="author" content="">
		<meta name="keywords" content="" />
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
		<link href="css/print.css" rel="stylesheet" type="text/css" media="print">
		<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>

<body>
<table  width="100%"   bgcolor="#FFFFFF" height="53">
  <tr>
    <td height="47" align="center" ><br> <div align="center" class="letra" ><STRONG>VISTA PREVIA</STRONG></div></td>
  </tr>
</table>
<?
include'clsEducarH.php';

$codRec=$_GET['codte'];
//$codRec=328;

$objContenido = new contenido;
$sqltemas = $objContenido -> temasE();
$sqltemas2 = $objContenido -> temasE2();
////////////////
// recursos
$sqlrec1= $objContenido -> recurs1();
$sqlrec2= $objContenido -> recurs2();

//$sqldetR = $objContenido -> DetRecurso($codRec);
//$datos=mysql_fetch_assoc($sqldetR);
 
?>

<?php 

//
if(!$codRec) {
    echo "";
} 
else
{
$queryFila = "SELECT count(id_recurso) as fila from tb_recurso where id_recurso<=$codRec "; // we return the total of rows
$rowF=mysql_fetch_assoc(mysql_query($queryFila));
$totalF = $rowF['fila'];
}
//echo $totalF."<br><br>";
//

$query = "SELECT count(id_recurso) as Total from tb_recurso  order by id_recurso asc"; // we return the total of rows
$row=mysql_fetch_assoc(mysql_query($query));
$total_records = $row['Total'];//here is the total records

 
$records_per_page = 1;//how many results per page
$total_pages = ceil($total_records / $records_per_page);//total number of pages
//echo $total_pages;
$page = intval($_GET['p']);//current page
if ($page < 1 || $page > $total_pages) $page = $totalF;//be sure is a number
$offset = ($page - 1) * $records_per_page;//position 
 
$limit = " LIMIT $offset, $records_per_page";//sql we need to add IMPORTANT
//end config pagination
 
//showing data
$query	= "SELECT  * from tb_recurso  order by id_recurso asc  $limit "; //query
$result =	mysql_query($query);

?>







<header>
			<a href="#"><img src="img/logo.png" alt="Jóvenes Hoy"></a>
			<p>
				¿Sabes por qué creamos esta página? Para ofrecer respuestas claras a preguntas importantes sobre el cariño, los amigos y la vida. Revisa la página para aprender cómo resolver un problema, para compartir tus experiencias o ayudar a un amigo. Estaremos muy contentos de poder ayudar.
			</p>
		</header>
		
		<nav>
			<a>Mostrar Navegación</a>
			<ul>
				<li><a href="#">Inicio</a></li>
				<li >
					<a href="#">Tus dudas y preguntas</a>
					<div class="menu">
                        <form action="#" method="post">
						<div class="menu_body">
							<ul class="menu_tabs">
								<li>&#32;</li>
								<li>&#32;</li>
							</ul>
							<div class="nav_slider">
								<img src="photos/preguntas.png" alt="">
								<img src="photos/preguntas_2.png" alt="">
							</div>
							<p class="menu_title"><strong>temas top</strong></p>
							<ul>
							<?
								while($campo = mysql_fetch_assoc($sqltemas))
								{
							?>
                                <li>
                                <a href="#"><?php  echo htmlentities($campo['nombre']); ?></a>
                                <!--<input  name="norm" type="checkbox" value=<?php  // echo $campo['id_tema']; ?>><?php // echo htmlentities($campo['nombre']); ?>--></li>		
							<?php
								}
								mysql_free_result($sqltemas);
                            ?>
								
							</ul>
							<ul>
							<?
								while($campo2 = mysql_fetch_assoc($sqltemas2))
								{
							?>
            					<li>
                                <a href="# "><?php  echo htmlentities($campo2['nombre']); ?></a>
                                </li>
		
							<?php
                                    }
                                    mysql_free_result($sqltemas2);
                            ?>
								
							</ul>                          
						</div>
						<p>							
                            <input name="seleccionar" type="submit" class="ver"  value="ver todos los temas" />    
                            <!--<input name="seleccionar" type="submit"   value="ver seleccionados" class="ver seleccion" />-->
						</p> 
                          </form>
					</div>
				</li>
				<li><a href="#">Música y videos</a></li>
				<li >
					<a href="#">Recursos</a>
					<div class="menu">
						<div class="menu_body">
							<ul class="menu_tabs">
								<li>&#32;</li>
								<li>&#32;</li>
							</ul>
							<div class="nav_slider">
								<img class="placeholder" src="photos/recursos_01.png" alt="">
								<img src="photos/recursos_01.png" alt="">
								<img src="photos/recursos_02.png" alt="">
							</div>
							<ul>
                            	<li class="menu_title"><strong>recursos del libro</strong><span class="clear">&#32;</span></li>
							<?
								while($campR = mysql_fetch_assoc($sqlrec1))
								{
							?>
								<li class="<?php  echo $campR['class']; ?>">
                                <a href="#"><?php  echo utf8_encode($campR['titulo']); ?></a>
                                </li>
                            <?php
								}
								mysql_free_result($sqlrec1);
							?>
                            	
							</ul>
							<ul>
                            	<li class="menu_title"><strong>otros libros</strong><span class="clear">&#32;</span></li>
                                <li class="r_doc"><a href="#">Libro 1: Lorem ipsum dolor sit amet</a></li>
                                <li class="r_doc"><a href="#">Libro 2: Lorem ipsum dolor sit amet</a></li>
                                <li class="r_doc"><a href="#">Libro 3: Lorem ipsum dolor sit amet</a></li>
                                <li class="r_doc"><a href="#">Libro 4: Lorem ipsum dolor sit amet</a></li>
							
							</ul>
						</div>
						<p>
							<a class="ver" href="#">ver todos los recursos</a>
                            <a class="ver" href="#">ver todos los libros</a>
						</p>
					</div>
				</li>
				<li >
                    <a href="#">Buscar</a>
                    <div class="menu">
                        <div class="menu_body">
                            <form action="" method="post">
                                <input name="buscar" type="text" class="textb" />
                                <input name="seleccionar" type="submit" class="ver" value="consultar" /> 
                            </form>
                        </div>
                    </div>
                </li>
			</ul>
		</nav>
		
		<div id="content">
			
                <?
 
while ($row=mysql_fetch_assoc($result))
{
	?>
    <img id="foto" src="photos/<? echo  utf8_encode($row['imagen']); ?>" alt="">
			<div id="main">
				<span>&#32;</span>
				<ul class="compartir">                	
                    <li class="back" title="Volver"><a href="#">&#32;</a></li>
					<li class="share">
						<ul class="socialcount">
							<li class="facebook">
								<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=" title="Compartir por Facebook">
									<span class="social-icon icon-facebook">&#32;</span><!--<span class="count">Recomendar</span>-->
								</a>
							</li>
							<li class="twitter">
								<a target="_blank" href="https://twitter.com/intent/tweet?text=" title="Compartir por Twitter">
									<span class="social-icon icon-twitter">&#32;</span><!--<span class="count">Tweet</span>-->
								</a>
							</li>
							<li class="googleplus">
								<a target="_blank" href="https://plus.google.com/share?url=" title="Compartir por Google Plus">
									<span class="social-icon icon-googleplus">&#32;</span><!--<span class="count">+1</span>-->
								</a>
							</li>
							<li class="mail">
								<a href="mailto:?Body=" title="Compartir por Correo">
									<span class="social-icon icon-mail">&#32;</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="print" title="Versión imprimible">&#32;</li>
				</ul>
	<h1 class="text_title"><? echo  utf8_encode($row['titulo']); ?></h1>
				<!--<p class="tags">
					<b>Palabras Clave: </b><a>Aborto</a>, <a>Embarazo</a>
				</p>-->
				<div id="texto"><p><? echo  utf8_encode($row['concepto']); ?></p></div>
	<?
	//	echo "<tr><td>".$row["id"]."</td></tr><tr><td>".$row["carrera"]."</td></tr>";
}?>
                
			<br>
            
 
            	
                
                
				<!--<a class="prev">&#32;</a>
				<a class="next">&#32;</a>-->
			</div>
		</div>
		
		
		<footer>
			<a href="dudas-y-preguntas4.php?codte=3&seleccionar=ver"  class="enl">&#32;noticias&#32;</a>
        &#32;<a href="dudas-y-preguntas4.php?codte=6&seleccionar=ver" class="enl">&#32;webquests&#32;</a>
        &#32;<a href="temas3.php" class="enl">&#32;tus dudas y preguntas&#32;</a>
        &#32;<a href="recursoslist.php" class="enl">&#32;recursos&#32;</a>&copy; 2013 Educar hoy. Todos los derechos reservados.
			<ul>				
				<li><a class="n2" target="_blank" href="#">&#32;</a></li>
				<li><a class="n3" target="_blank" href="#">&#32;</a></li>
				<li><a class="n4" target="_blank" href="#">&#32;</a></li>
			</ul>
		</footer>
		
		<!-- Javascript -->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="js/jquery.tweet.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="js/respond.min.js"></script>
</body>
</html>